<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
    <title>历史消费</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../element-ui/index.css">
    <!--    <link rel="stylesheet" href="css/test1.css">-->
    <style>
        /* 全局样式 */


        #logina {
            width: 280px;
            margin: 50px auto;
            padding: 15px;
            border-radius: 10px;
            background-color: rgba(255, 255, 255, 0.9);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

        #logina img {
            width: 180px;
            display: block;
            margin: 0 auto 20px;
        }

        .avatar-container {
            text-align: center;
            margin-bottom: 20px;
        }

        .avatar-container h2 {
            font-size: 24px;
            color: #555;
            margin-bottom: 10px;
        }

        .form-input {
            margin-bottom: 20px;
        }

        .el-input {
            width: 100%;
        }

        .buttons {
            text-align: center;
        }

        .buttons el-button {
            margin: 0 10px;
        }

        .info-text {
            font-style: oblique;
            font-size: 16px;
            margin-top: 20px;
            line-height: 1.6;
        }
        .partner-table {
            width: 80%;
            margin: 0 auto;
            padding: 20px;
            border-radius: 10px;
            background-color: rgba(255, 255, 255, 0);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.42);
        }

        .title {
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            color: white;
            padding: 10px 0;
        }

        .subtitle {
            text-align: center;
            font-size: 18px;
            color: white;
            margin-bottom: 20px;
        }

        .partner-logos {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

        .partner-logos img {
            width: 120px;
            height: auto;
            margin: 10px;
        }


    </style>
</head>
<body>


<div id="cardinfo"      style="

     width: 300px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 5px;
    background-color: rgba(0,0,0,0);">


    <a href="../html/oldinfo.html?carid=晋AG8D82">Go to Page 2</a>



</div>
<!-- 引入组件库 -->
<script src="../js/vue.js"></script>
<script src="../element-ui/index.js"></script>
<script src="../js/axios-0.18.0.js"></script>


<script>
    new Vue({
        el: '#cardinfo',
        data() {
            return {

            }
        },
        methods: {

            chuancan(){



            }
            ,
            goBack() {
                console.log('go back');
            },
            longin() {
                // 显示loading
                const loading = this.$loading({
                    lock: true,
                    text: '正在进行加密安全通信请稍后',
                    spinner: 'el-icon-loading',
                    background: 'rgba(0, 0, 0, 0.7)'
                });

                const params = {

                };

                axios.post("/login", params)
                    .then(response => {


                    })
                    .catch(error => {

                        window.alert(error.response ? error.response.data.message : '请求失败');
                        console.error('请求失败:', error);

                    });
            },

        },
        created() {

        }
    })
</script>

</body>
</html>